<!--
* @author: XJC
* @date: 2023-11-28 14:33
* @description：index
* @update: 2023-11-28 14:33
-->
<template>
  <div class="empty flex flex-center">
    <div class="emptyImg"></div>
    <!-- <img  src='@/assets/img/empty.png' alt=''> -->
  </div>
</template>

<script>
export default {
  name: 'index',
  components: {},
  data() {
    return {}
  },
  // 计算属性（类似于data概念）
  computed: {},

  // 过滤器
  filters: {},

  // 监视器（监视data中的数据变化）
  watch: {},

  // 方法合集
  methods: {},

  // 生命周期 - 创建完成（可以访问当前this实例，完成了data 数据的初始化，可以访问data、computed、watch、methods上的方法和数据。但是，未挂载到DOM，不能访问到el属性，el属性，ref属性内容为空。）
  created() {},

  // 生命周期 - 挂载完成（可以访问DOM元素，一般在此执行：开启定时器，发送网络请求，订阅消息，绑定自定义事件等初始化操作。）
  mounted() {}
}
</script>

<style scoped lang="scss">
@import '@/styles/_handle.scss';

.empty {
  width: 100%;
  height: calc(100% - 100px);
  .emptyImg {
    width: 100%;
    height: 100%;
    @include background_image('shelf_empty_bg_image');
    background-size: 523px 558px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
</style>
